<@main.page title="营业执照">
<div class="portlet box  yellow">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-coffee"></i> 营业执照列表
        </div>
        <div class="tools">
            <a class="collapse" href="javascript:;"></a>
        </div>
        <div class="actions">
            <a class="btn blue" href="营业执照_Edit.html"><i
                    class="fa fa-plus"></i> 新建</a> <a class="btn blue"
                                                      href="营业执照_Edit.html"><i class="fa fa-edit"></i> 编辑</a> <a
                class="btn blue" href="营业执照_Detail.html"><i
                class="fa fa-table"></i> 查看</a> <a class="btn blue" data-target="#myModal"
                                                   data-toggle="modal"><i
                class="fa fa-times"></i> 删除</a>
        </div>
    </div>
    <div class="portlet-body">
        <div class=""><!-- table-scrollable -->
            <table id="table-main"
                   class="table table-striped table-bordered table-hover table-full-width dataTable">
                <thead>
                <tr role="row">
                    <th class="table-checkbox"><input type="checkbox"
                                                      class="group-checkable" data-set="#table-main .checkboxes"/></th>
                    <th class="sorting" role="columnheader" aria-controls="sample_2"
                        style="width: 450px;">企业名称
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 236px;">证书编号
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 214px;">经营许可范围
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 166px;">有效期起
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 116px;">有效期止
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 166px;">单位地址
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 116px;">发证机关
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 116px;">发证日期
                    </th>
                    <th class="hidden-xs sorting" role="columnheader"
                        aria-controls="sample_2" style="width: 116px;">上传附件
                    </th>
                    <th class="hidden-xs" role="columnheader"
                        aria-controls="sample_2"
                        style="width: 116px; text-align: center">操作
                    </th>
                </tr>
                </thead>
                <tbody>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="odd">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                <tr class="even">
                    <td><input type="checkbox" class="checkboxes" value="1"/></td>
                    <td class=" ">化工企业</td>
                    <td class="  sorting_1">15272300000XXXX</td>
                    <td class=" ">煤炭</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">2004-04-15</td>
                    <td class=" ">单位地址</td>
                    <td class=" ">发证机关</td>
                    <td class=" ">2004-04-15</td>
                    <td class="" style="text-align: center">
                        <a class="btn blue" href="#"><i class="fa fa-upload"></i></a>
                    </td>
                    <td class="" style="text-align: center"><a class="btn blue"
                                                               href="企业基本信息_Edit.html"><i class="fa fa-edit"></i></a> <a
                            class="btn green" href="企业基本信息_Detail.html"><i
                            class="fa fa-table"></i></a> <a class="btn red" href="#"><i
                            class="fa fa-times"></i></a></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <form action="#" class="form-horizontal">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">温馨提示</h4>
                </div>
                <div class="modal-body">
                    确定要删除吗？
                </div>
                <div class="form-actions right" style="margin-top: 0px;">
                    <button type="submit" class="btn green">确定</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript">
    var oTable;
    $(document).ready(function () {
        initTable();
    });

    //init 表格
    function initTable() {
        // begin: third table
        oTable = $('#table-main').dataTable({
            select: true,
            "aLengthMenu": [[5, 15, 20, -1], [5, 15, 20, "All"]],
            "iDisplayLength": 5,
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ 条",
                "oPaginate": {
                    "sPrevious": "Prev",
                    "sNext": "Next"
                }
            },
            "aoColumnDefs": [{
                'bSortable': false,
                'aTargets': [0]
            }]
        });

        $('#table-main').find('.group-checkable').change(function () {
            var set = jQuery(this).attr("data-set");
            var checked = jQuery(this).is(":checked");
            jQuery(set).each(function () {
                if (checked) {
                    $(this).attr("checked", true);
                } else {
                    $(this).attr("checked", false);
                }
            });
            jQuery.uniform.update(set);
        });

        $('#table-main').on('click', 'tr', function () {

            if ($(this).hasClass('selected')) {
                $(this).removeClass('selected');
            } else {
                $('tr.selected').removeClass('selected');
                $(this).addClass('selected');
            }
        });

        $('.dataTables_wrapper .dataTables_filter input').addClass(
                "form-control input-small"); // modify table search input
        $('.dataTables_wrapper .dataTables_length select').addClass(
                "form-control input-xsmall"); // modify table per page dropdown
        $('.dataTables_wrapper .dataTables_length select').select2(); // initialize select2 dropdown

    }
</script>
</@main.page>
